<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Coffee Academy</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.cycle.all.2.74.js"></script>
<script>
$('.testi-content').cycle({ 
    fx:     'fade', 
    timeout: 20000, 
    delay:  -2000,
	speed: 500,
	next: ".testi-next",
	prev: ".testi-prev"
});
</script>
</head>
<body>
<div class="mainContainer">
  <div class="header">
    <div class="logoCon"> <a href="index.html"><img src="images/coffee-academy1.jpg" alt="The Coffee Academy" title="The Coffee Academy" border="0" /></a> </div>
    <div class="commonLinks">
      <ul class="commonLinks_ul">
        <li><a href="#" style="background:url(images/homebg.png) no-repeat;">Home</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
    <div class="searchCon">
      <input type="text" border="0" class="searchInput" />
      <input type="button" value="" class="searchbtn" />
    </div>
  </div>
  <div class="slideshowCon_inner">
    <div class="naviCon">
      <ul class="navi">
        <li><a href="#" class="home">Home</a></li>
        <li><a href="#">Coffee</a></li>
        <li><a href="#">Menu</a></li>
        <li><a href="#">Locations</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
  </div>
  <div class="contentCon">
  <div class="youarehere">
  	You are here :&nbsp; 
    <a href="#">Home</a>&nbsp;&nbsp;<img src="images/arrow-red.png" align="absmiddle" />
    &nbsp;&nbsp;<a href="#">Menu</a>&nbsp;&nbsp;<img src="images/arrow-red.png" align="absmiddle" />
    &nbsp;&nbsp;<strong>Beverages</strong>
  </div>
    <div class="contentCenter">
      <div class="inner_leftContent">
        	<img src="images/drinks_img.jpg" style="float:right;" />
            <font class="productSlogan" color="#023390">The refreshing meal companion.</font>
          <p class="textdesc_title">Beverages</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et eleifend dui. Etiam nec bibendum libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi sed justo vel libero bibendum consequat. Phasellus ut odio odio. Vestibulum in massa sapien. Cras non lacus urna</p>
          <p>a ullamcorper nisl. Morbi suscipit vestibulum dui non ornare. Mauris nisl ipsum, posuere eget tempor scelerisque, ornare at magna. Curabitur ultrices, nulla id tincidunt sagittis, nulla tortor dignissim ligula, sit amet luctus arcu nunc a tellus. Praesent vel sem vitae mi scelerisque fringilla eu at mi.</p>
          <p>Aliquam in nisi nec mi mollis facilisis. Nam tincidunt, orci nec ornare eleifend, nisi leo molestie nisl, sit amet molestie velit diam ut metus. Integer sapien libero, venenatis sed tincidunt et, tristique ac elit. Sed mattis ultrices risus, ac molestie odio interdum in. </p>
          <p>Suspendisse lobortis elit sollicitudin lectus sodales id lobortis nunc imperdiet. Donec a nisi turpis. Duis ornare venenatis bibendum. Aenean condimentum consectetur turpis vel ultrices. Aenean ultrices gravida scelerisque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum dictum ullamcorper elit quis ornare. Praesent pharetra, quam quis pellentesque suscipit, diam lorem euismod mauris, sit amet venenatis neque diam egestas felis. In imperdiet porttitor bibendum. Donec quis erat vitae leo lacinia vestibulum vel non ipsum. Cras vel neque sit amet velit gravida scelerisque non et dui. Ut tristique mollis diam, vel posuere sem malesuada sed. Cras neque nulla, faucibus sit amet pellentesque ac, vehicula et lorem. Nullam condimentum auctor elit, non fermentum tellus congue sit amet. Phasellus ante velit, vehicula ut varius eu, posuere at nulla. </p>
              <br />
      <div class="products_tableCon">
        <p class="textdesc_title red">Beverages</p>
        <table cellpadding="5" cellspacing="0" border="0" width="100%">
          <tr>
            <td align="center" width="16%"><a href="#"><img src="drinks/drink1.jpg" border="0" /></a></td>
            <td align="center"  width="16%"><a href="#"><img src="drinks/drink2.jpg" border="0" /></a></td>
            <td align="center"  width="16%"><a href="#"><img src="drinks/drink3.jpg" border="0" /></a></td>
            <td align="center"  width="16%"><a href="#"><img src="drinks/drink4.jpg" border="0" /></a></td>
            <td align="center"  width="16%"><a href="#"><img src="drinks/drink5.jpg" border="0" /></a></td>
            <td align="center"  width="16%"><a href="#"><img src="drinks/drink6.jpg" border="0" /></a></td>
          </tr>
          <tr>
            <td valign="top" align="center"><a href="#" class="product_link">accusamus et iusto</a></td>
            <td valign="top" align="center"><a href="#" class="product_link">odio dignissimos ducimus</a></td>
            <td valign="top" align="center"><a href="#" class="product_link">qui blanditiis praesentium</a></td>
            <td valign="top" align="center"><a href="#" class="product_link">voluptatum deleniti</a></td>
            <td valign="top" align="center"><a href="#" class="product_link">atque corrupti quos</a></td>
            <td valign="top" align="center"><a href="#" class="product_link">occaecati cupiditate non</a></td>
          </tr>
        </table>
      </div>
      </div>
      <div class="right_content">
        	<div class="sideTtitle">Latest Events</div>
            <div class="sideContentBox">
            	<div class="sideContent">
                    <img src="images/latestevent1.jpg" style="float:left; margin-right:10px;" />
                    <span class="sideContenttxt">The Coffee Academy has opened on April 15, 2011 at the King’s Royal Hotel and Leisure Park.</span>
                </div>
                <div class="sideContent">
                    <img src="images/latestevent1.jpg" style="float:left; margin-right:10px;" />
                    <span class="sideContenttxt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</span>
                </div>
                <div class="sideContent">
                    <img src="images/latestevent1.jpg" style="float:left; margin-right:10px;" />
                    <span class="sideContenttxt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</span>
                </div>
            </div>
            
            <br />
            
            <div class="sideTtitle">Latest Events</div>
            <div class="sideContentBox">
            	<div class="sideContent">
                    <img src="images/latestevent1.jpg" style="float:left; margin-right:10px;" />
                    <span class="sideContenttxt">The Coffee Academy has opened on April 15, 2011 at the King’s Royal Hotel and Leisure Park.</span>
                </div>
                <div class="sideContent">
                    <img src="images/latestevent1.jpg" style="float:left; margin-right:10px;" />
                    <span class="sideContenttxt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</span>
                </div>
                <div class="sideContent">
                    <img src="images/latestevent1.jpg" style="float:left; margin-right:10px;" />
                    <span class="sideContenttxt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</span>
                </div>
            </div>
            
      </div>
      <br class="clear" />

    </div>
  </div>
</div>
<div class="f_mainContainer">
  <div class="f_mainCon">
    <div class="f_centerCon">
      <br class="clear" />
      <br />
    </div>
    <div class="footer"> <span class="left">Copyright 2011 &copy; The Coffee Academy. All rights reserved.</span> <span class="right"> <a href="#">Home</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">About Us</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">Contact Us</a>&nbsp;&nbsp;|&nbsp;&nbsp; <a href="#">Privacy Policy</a> </span> </div>
  </div>
</div>
</body>
</html>
